<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">数据服务</li>
            </ul>
        </div>
    </div>
</div>

<style type="text/css">
</style>

<div class="container-fluid">
    <div style="margin-left:10px;margin-right:10px;margin-top:-10px;">
        <a href="#/star/content/content_add/id/0" style="float: right; padding-left:10px;"><u>新建主题</u></a>
        <a href="https://docs.qq.com/sheet/DSGpiTUZmeFJuSkt3?tab=BB08J2" style="float: right;" ><u>在线数据</u></a>
    </div>
    <div style="margin: 10px">
        <!--<a href="https://bdp.58.com/bi/index#/dataMapReveal"> 智慧树-数据地图</a>-->
<!--        <div class="row">-->
<!--            <div ng-repeat="item in vm.conf" class="col-sm-3 col-md-3 main" >-->
<!--                {{item.text}}-->
<!--                <li ng-repeat="it in item.nodes" style="margin-top:4px;">-->
<!--                    <span>-{{it.text}}</span>-->
<!--                    <div ng-repeat="data in it.nodes" style="display: inline-block;">-->
<!--                        <a href="" style="margin-right:4px;" ng-click="queryItems(data)">  <u>{{data}}</u> </a>-->
<!--                    </div>-->
<!--                </li>-->
<!--            </div>-->
<!--        </div>-->

        <div class="row">
            <div style="margin: 10px 10px 10px 400px; ">
                <input type="text" ng-model="vm.p.search" style="width:700px;height:32px" placeholder="请输入关键字">
                <button class="btn btn-primary" style="display: inline-block;" ng-click="searchItems()">搜索</button>
            </div>
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <!--<h3 class="sub-header" style="display:inline-block">相关库表</h3>-->
                <!--<a href="#/star/order/data_meta_list/0"> 血缘关系 </a>-->
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="id" data-sortable="true" data-formatter="metricSourceIDFmt2">操作</th>
                        <!--<th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>-->
<!--                        <th data-field="topicGroup" data-sortable="true" >业务域</th>-->
                        <th data-field="topic" data-sortable="true" >业务主题</th>
                        <th data-field="topicTbl" data-sortable="true" data-formatter="topicTblFmt2">数据名称</th>
                        <th data-field="topicTblDesc" data-sortable="true" data-formatter="topicTblDescFmt2">数据描述</th>
                        <th data-field="sourceRelation" data-sortable="true" data-formatter="sourceRelationFmt2">服务等级SLA</th>
                        <th data-field="topicTbl" data-sortable="true" data-formatter="topicTblFmt2">库表/KafkaTopic</th>
                        <th data-field="ownerId" data-sortable="true" >数据负责人</th>
                        <th data-field="updateTime" data-sortable="true" >更新时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
